<template>
    <div class="topdesc">
        <div class="callback" @click="$router.back()">
            <img src="../assets/images/callback.png" alt="">
        </div>
        <div class="desc">{{ desc }}</div>
        <div class="info" v-if="info">{{ info }}</div>
    </div>
</template>

<script>
export default {
    name: 'topdesc',
    props: { desc: String, info: String }
}
</script>

<style lang="less" scoped>
.topdesc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    background: #6B82D8;
    border-radius: 0 0 (26/@a) (26/@a);
    text-align: center;
    padding-bottom: (16/@a);

    .info {
        font-size: (10/@a);
        font-family: Nirmala UI;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: (15/@a);
    }

    .desc {
        font-size: (16/@a);
        font-family: Nirmala UI;
        font-weight: bold;
        color: #FFFFFF
    }

    .callback {
        line-height: (67/@a);
        width: (25/@a);
        height: (25/@a);
        margin-left: (22/@a);

        img {
            width: 100%;
        }
    }
}
</style>